<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>萌宠集结号</title>
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/base.css">
</head>
<body>
  <audio autoplay loop>
    <source src="./bgm.mp3" type="audio/mpeg">
  </audio>
<div class="bigbg wrapper">
  <div class="birth wrapper">
    <div class="npc-avatar">
      <img id="avatar1" src="../images/npc1.png" alt="NPC1" class="hidden-avatar">
      <img id="avatar1" src="../images/npc1.png" alt="NPC1" class="hidden-avatar">
      <img id="avatar1" src="../images/npc1.png" alt="NPC1" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar1" src="../images/npc1.png" alt="NPC1" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar1" src="../images/npc1.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar1" src="../images/npc1.png" alt="NPC1" class="hidden-avatar">
      <img id="avatar1" src="../images/npc1.png" alt="NPC1" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar3" src="../images/npc3.png" alt="NPC3" class="hidden-avatar">
      <img id="avatar3" src="../images/npc3.png" alt="NPC3" class="hidden-avatar">
      <img id="avatar3" src="../images/npc3.png" alt="NPC3" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">
      <img id="avatar2" src="../images/npc2.png" alt="NPC2" class="hidden-avatar">


    </div>
    <div class="npc-name">
      <p id="name1">冒险者</p>
      <p id="name2">贝贝</p>
      <p id="name3">NPC3</p>
      <p id="name4">NPC3</p>
      <p id="name5">NPC3</p>
      <p id="name6">NPC3</p>
      <p id="name7">NPC3</p>
      <p id="name8">NPC3</p>
      <p id="name4">NPC3</p>
      <p id="name5">NPC3</p>
      <p id="name6">NPC3</p>
      <p id="name7">NPC3</p>
      <p id="name8">NPC3</p>
      <p id="name5">NPC3</p>
      <p id="name6">NPC3</p>
      <p id="name7">NPC3</p>
      <p id="name8">NPC3</p>
      <p id="name4">NPC3</p>
      <p id="name5">NPC3</p>
      <p id="name6">NPC3</p>
      <p id="name7">NPC3</p>
      <p id="name8">NPC3</p>
      <p id="name5">NPC3</p>
      <p id="name6">NPC3</p>
      <p id="name7">NPC3</p>
      <p id="name8">NPC3</p>
      <p id="name4">NPC3</p>
      <p id="name5">NPC3</p>
      <p id="name6">NPC3</p>
      <p id="name7">NPC3</p>
      <p id="name8">NPC3</p>
    </div>
    <div class="npc-dialog" id="dialog1">
      <h2>冒险者</h2>
      <p>这里是哪里？</p>
    </div>
    <div class="npc-dialog" id="dialog2" onclick="closeCurrentDialogAndPlaySound()">
      <h2>冒险者</h2>
      <p>我只不过是上课睡着了啊.....</p>
    </div>
    <div class="npc-dialog" id="dialog3">
      <h2>冒险者</h2>
      <p>喂！！！有没有人啊！！快来救救我！！</p>
    </div>
    <div class="npc-dialog" id="dialog4">
      <h2>？？？</h2>
      <p>别喊了，这里没有人</p>
    </div>
    <div class="npc-dialog" id="dialog5">
      <h2>冒险者</h2>
      <p>你...你是谁？你在哪里？</p>
    </div>
    <div class="npc-dialog" id="dialog6">
      <h2>？？？</h2>
      <p>傻瓜！看脚下</p>
    </div>
    <div class="npc-dialog" id="dialog7">
      <h2>贝贝</h2>
      <p>我叫贝贝，是当地小有名气的可爱鬼！</p>
    </div>
    <div class="npc-dialog" id="dialog8">
      <h2>冒险者</h2>
      <p>贝贝？这里是哪里，我怎么会在这里？</p>
    </div>
    <div class="npc-dialog" id="dialog9">
      <h2>贝贝</h2>
      <p>emmmm,这就有点触及到我的知识盲区了~</p>
    </div>
    <div class="npc-dialog" id="dialog11">
      <h2>贝贝</h2>
      <p>不过，据我推测，应该和时空穿越有关......</p>
    </div>
    <div class="npc-dialog" id="dialog12">
      <h2>贝贝</h2>
      <p>不过，既来之则安之吧。这里是陀普斯大陆，</br>一个充满爱与温暖的地方，欢迎你的到来！</p>
    </div>
    <div class="npc-dialog" id="dialog13">
      <h2>冒险者</h2>
      <p onclick="playSpecialSoundAndShake()">穿越？你是说穿越？</p>
    </div>
    <div class="npc-dialog" id="dialog14">
      <h2>冒险者</h2>
      <p>我要回家啊啊啊啊啊！！！！！</p>
    </div>
    <div class="npc-dialog" id="dialog15">
      <h2>贝贝</h2>
      <p>不是？你别哭呀，真拿你没办法！</p>
    </div>
    <div class="npc-dialog" id="dialog16">
      <h2>贝贝</h2>
      <p>那就让英俊潇洒的贝贝来指引你回家的路吧！</p>
    </div>
    <div class="npc-dialog" id="dialog17">
      <h2>贝贝</h2>
      <p>这是我的好伙伴——欢欢</p>
    </div>
    <div class="npc-dialog" id="dialog18">
      <h2>欢欢</h2>
      <p>你好呀冒险者，我就是欢欢</p>
    </div>
    <div class="npc-dialog" id="dialog19">
      <h2>欢欢</h2>
      <p>我最擅长唱歌啦~</p>
    </div>
    <div class="npc-dialog" id="dialog20">
      <h2>欢欢</h2>
      <p>啦啦啦啦啦啦啊啦啦啦~~~</p>
    </div>
    <div class="npc-dialog" id="dialog21">
      <h2>贝贝</h2>
      <p>stop!stop!</p>
    </div>
    <div class="npc-dialog" id="dialog21">
      <h2>贝贝</h2>
      <p>好的，冒险者，让贝贝来教你如何
        在陀普斯大陆上开启冒险吧</p>
    </div>
    <div class="npc-dialog" id="dialog21">
      <h2>贝贝</h2>
      <p>打起精神冒险者！</b>千万不要眨眼睛哦！</p>
      
    </div>
     <!-- 添加主角元素 -->
    
    <div class="character" id="character" style="display: none;"></div>
    <!-- 在最后一个对话框之后添加隐藏的按钮 -->
    <button id="jumpButton" style="display: none;">跳转到另一个页面</button>
<script type="text/javascript" src="../scripts/2.js"></script>
</body>
</html>